.page {
  width           : 100vw;
  height          : 100vh;
  top             : 0;
  left            : 0;
  position        : fixed;
  background-color: #eee;
  overflow        : auto;
}

.x_flex {
  display: flex;

  &.f_col {
    flex-direction: column;
  }

  &.ai_c {
    align-items: center;
  }

  &.ac_c {
    align-content: center;
  }

  &.jc_c {
    justify-content: center;
  }

  &.jc_b {
    justify-content: space-between;
  }

  &.jc_a {
    justify-content: space-around;
  }

  &.jc_s {
    justify-content: start;
  }

  &.jc_e {
    justify-content: end;
  }

  .no_shrink {
    flex-shrink: 0;
  }

  .x_grow {
    flex-grow: 1;
  }
}